<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>浙江工业大学之江学院</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <div class="top-bar">
            <div class="container">
                <div class="top-left">
                    <a href="#">招生</a>
                    <a href="#">在读生</a>
                    <a href="#">教工</a>
                    <a href="#">校友</a>
                </div>
                <div class="top-right">
                    <a href="#">中文简体</a>
                    <a href="#">ENGLISH</a>
                    <div class="search-box">
                        <input type="text" placeholder="搜索">
                        <button type="submit">搜索</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="main-header">
            <div class="logo-container">
                <div class="logo-before"></div>
                <div class="logo">
                    <img src="1.png" alt="浙江工业大学之江学院">
                </div>
                <div class="logo-after"></div>
            </div>
            <div class="top-slogan">
                <span class="slogan-1">创新创业</span>
                <span class="slogan-2">特色发展</span>
            </div>
        </div>

        <nav class="main-nav">
            <div class="container">
                <ul class="nav-menu">
                    <li class="dropdown">
                        <a href="#">学院概况</a>
                        <div class="dropdown-content">
                            <a href="#">学院简介</a>
                            <a href="#">领导团队</a>
                            <a href="#">组织结构</a>
                            <a href="#">校园环境</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="#">院系设置</a>
                        <div class="dropdown-content">
                            <a href="#">工学院</a>
                            <a href="#">商学院</a>
                            <a href="#">人文学院</a>
                            <a href="#">艺术学院</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="#">师资队伍</a>
                        <div class="dropdown-content">
                            <a href="#">教授团队</a>
                            <a href="#">讲师团队</a>
                            <a href="#">客座教授</a>
                            <a href="#">师资招聘</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="#">科学研究</a>
                        <div class="dropdown-content">
                            <a href="#">科研项目</a>
                            <a href="#">科研成果</a>
                            <a href="#">合作交流</a>
                            <a href="#">科研平台</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="#">本科教学</a>
                        <div class="dropdown-content">
                            <a href="#">专业设置</a>
                            <a href="#">课程体系</a>
                            <a href="#">教学资源</a>
                            <a href="#">教学研究</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="#">招生就业</a>
                        <div class="dropdown-content">
                            <a href="#">招生简章</a>
                            <a href="#">招生计划</a>
                            <a href="#">就业指导</a>
                            <a href="#">就业信息</a>
                        </div>
                    </li>
                    <li><a href="#">人才招聘</a></li>
                    <li><a href="#">浙江工业大学</a></li>
                    <li><a href="#">ADMISSION</a></li>
                </ul>
            </div>
        </nav>
    </header>

    <!-- 图片展示区 -->
    <div class="showcase">
        <img src="风景.jpg" alt="校园风景" class="showcase-image">
    </div>

    <!-- 主内容区 -->
    <main class="container">
        <!-- 新闻和公告版块 -->
        <section class="main-content">
            <div class="left-column">
                <section class="news-section">
                    <h2>之江要闻</h2>
                    <div class="news-grid">
                        <div class="news-item">
                            <h3>学院召开第16届浙江省大学生乡村振兴创新大赛工作推进会</h3>
                            <p class="date">2025-06-10</p>
                            <p>6月6日，学院召开第16届浙江省大学生乡村振兴创新大赛工作推进会，学院教务处、学工部、校团委等相关部门负责人及各学院工作小组代表参加会议...</p>
                        </div>
                        <div class="news-item">
                            <h3>学院召开2025年招生工作动员大会</h3>
                            <p class="date">2025-06-08</p>
                            <p>6月8日，学院召开2025年招生工作动员大会，学院领导、各职能部门负责人、各学院院长、招生工作小组成员参加会议...</p>
                        </div>
                        <div class="news-item">
                            <h3>浙江省首个"智行读新空间"共建启动仪式举行</h3>
                            <p class="date">2025-06-10</p>
                            <p>6月10日，浙江省首个"智行读新空间"共建启动仪式在学院举行。该空间旨在为师生提供一个全新的学习交流环境，推动校园文化建设...</p>
                        </div>
                        <div class="news-item">
                            <h3>学院举办党史专题讲座</h3>
                            <p class="date">2025-06-08</p>
                            <p>6月8日，学院举办党史专题讲座，特邀党史专家为师生讲述中国共产党的百年奋斗历程，激励同学们从党史中汲取智慧和力量...</p>
                        </div>
                    </div>
                </section>

                <!-- 三大板块 -->
                <section class="blocks-section">
                    <div class="content-block">
                        <h2>校园生活</h2>
                        <div class="block-content">
                            <p><strong>我们的校园生活丰富多彩，融合多元文化交流和成长</strong></p>
                            <p class="date">2025-06-10</p>
                            <p>学院举办各类丰富多彩的文化活动，为学生提供广阔的成长平台，促进学生全面发展...</p>
                        </div>
                        <div class="block-image">
                            <img src="11111.png" alt="校园生活">
                        </div>
                    </div>

                    <div class="content-block">
                        <h2>服务地方</h2>
                        <div class="block-content">
                            <p><strong>我们致力于服务地方经济发展，为区域经济注入动力</strong></p>
                            <p class="date">2025-06-10</p>
                            <p>学院积极与地方企业合作，开展产学研合作项目，为地方经济发展提供智力支持和人才保障...</p>
                        </div>
                        <div class="block-image">
                            <img src="22222.png" alt="服务地方">
                        </div>
                    </div>

                    <div class="content-block">
                        <h2>媒体之江</h2>
                        <div class="block-content">
                            <p><strong>学院多次在各大媒体上亮相，展示学院风采</strong></p>
                            <p class="date">2025-06-10</p>
                            <p>学院近年来在主流媒体上的报道增多，充分展示了学院的办学特色和办学成果，提升了学院的社会影响力...</p>
                        </div>
                        <div class="block-image">
                            <img src="33333.png" alt="媒体之江">
                        </div>
                    </div>
                </section>
            </div>

            <div class="right-column">
                <section class="announcement-section">
                    <h2>最新公告</h2>
                    <div class="announcement-list">
                        <div class="announcement-item">
                            <div class="date-box">10</div>
                            <div class="content">
                                <h3>关于开展2025年"优秀毕业生"评选工作的通知</h3>
                                <p>2025-06-10</p>
                            </div>
                        </div>
                        <div class="announcement-item">
                            <div class="date-box">09</div>
                            <div class="content">
                                <h3>学期考试安排（2025-1）</h3>
                                <p>2025-06-09</p>
                            </div>
                        </div>
                        <div class="announcement-item">
                            <div class="date-box">07</div>
                            <div class="content">
                                <h3>关于开展"践行社会主义核心价值观"主题教育活动的通知</h3>
                                <p>2025-06-07</p>
                            </div>
                        </div>
                        <div class="announcement-item">
                            <div class="date-box">06</div>
                            <div class="content">
                                <h3>关于2025年暑期校园维修工程的通知</h3>
                                <p>2025-06-06</p>
                            </div>
                        </div>
                        <div class="announcement-item">
                            <div class="date-box">05</div>
                            <div class="content">
                                <h3>关于开展毕业生就业调查的通知</h3>
                                <p>2025-06-05</p>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </section>

        <!-- 专题网站版块 -->
        <section class="special-websites">
            <h2>专题网站</h2>
            <div class="website-grid">
                <div class="website-item">
                    <img src="2.png" alt="专题网站1">
                    <h3>创新创业</h3>
                </div>
                <div class="website-item">
                    <img src="3.png" alt="专题网站2">
                    <h3>红色教育</h3>
                </div>
                <div class="website-item">
                    <img src="4.png" alt="专题网站3">
                    <h3>五共五链五提升</h3>
                </div>
                <div class="website-item">
                    <img src="5.png" alt="专题网站4">
                    <h3>教学</h3>
                </div>
                <div class="website-item">
                    <img src="6.png" alt="专题网站5">
                    <h3>科研</h3>
                </div>
                <div class="website-item">
                    <img src="7.png" alt="专题网站6">
                    <h3>国际交流</h3>
                </div>
                <div class="website-item">
                    <img src="8.png" alt="专题网站7">
                    <h3>学生会</h3>
                </div>
                <div class="website-item">
                    <img src="9.png" alt="专题网站8">
                    <h3>图书馆</h3>
                </div>
                <div class="website-item">
                    <img src="10.png" alt="专题网站9">
                    <h3>信息化</h3>
                </div>
                <div class="website-item">
                    <img src="11.png" alt="专题网站10">
                    <h3>招生</h3>
                </div>
                <div class="website-item">
                    <img src="12.png" alt="专题网站11">
                    <h3>就业</h3>
                </div>
                <div class="website-item">
                    <img src="13.png" alt="专题网站12">
                    <h3>校友</h3>
                </div>
            </div>
        </section>
    </main>

    <!-- 页脚 -->
    <footer>
        <div class="container">
            <div class="footer-top">
                <div class="footer-qr">
                    <img src="555.png" alt="学院微信">
                    <p>学院微信</p>
                </div>
                <div class="footer-qr">
                    <img src="666.png" alt="学院微博">
                    <p>学院微博</p>
                </div>
                <div class="footer-logo">
                    <img src="1.png" alt="学院标志">
                </div>
            </div>
            <div class="footer-bottom">
                <div class="footer-info">
                    <p>地址：浙江省杭州市西湖区留和路288号</p>
                    <p>邮编：310023</p>
                    <p>电话：0571-88888888</p>
                    <p>网址：www.zjxy.edu.cn</p>
                </div>
                <div class="footer-links">
                    <p>友情链接：</p>
                    <ul>
                        <li><a href="#">浙江工业大学</a></li>
                        <li><a href="#">教育部</a></li>
                        <li><a href="#">浙江省教育厅</a></li>
                    </ul>
                </div>
            </div>
            <div class="copyright">
                <p>© 版权所有 浙江工业大学之江学院 浙ICP备12345678号-1</p>
            </div>
        </div>
    </footer>
</body>
</html>